<template>
  <div class="info">
    <section class="info-container">
      <p>企业名称：{{ baseInfo.tenantName || '--' }}</p>
      <p>支用笔数：{{ baseInfo.drawdownNum }}</p>
      <p>还款笔数：{{ baseInfo.repayNum }}</p>
      <p>当日在贷余额：{{ baseInfo.notRepayAmount || '--' }}</p>
      <p>项目名称：{{ baseInfo.appName || '--' }}</p>
      <p>支用金额：{{ baseInfo.drawdownAmount || '--' }}</p>
      <p>还款金额：{{ baseInfo.repayAmount || '--' }}</p>
      <p>对账结果：{{ baseInfo.status }}</p>
      <p>产品名称：{{ baseInfo.productName || '--' }}</p>
      <p>对账时间：{{ baseInfo.createDate || '--' }}</p>
    </section>
  </div>
</template>

<script>
export default {
  name: 'BaseInfo',
  props: {
    baseInfo: Object,
  },
  data() {
    return {}
  },
}
</script>

<style lang="scss" scoped>
.info {
  padding-top: 10px;
  position: relative;

  &-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: $gray;
    font-size: $f-s-16;
    margin-bottom: 8px;

    > p {
      width: 50%;
      margin-bottom: 10px;
    }
  }
}
</style>
